<!DOCTYPE html>
<html lang="en">
<head> 
<style>
        /* 讲义容器样式 */
    .notesContent{
        width: 95%;
        height: 100%;
        padding: 10px; 
        overflow-y:auto;
        border-width: 0px;
    }

    .notesContent::-webkit-scrollbar {
        width: 7px; /* 设置滚动条宽度 */
    }

    .notesContent::-webkit-scrollbar-thumb {
        background-color: rgb(152, 158, 170); /* 设置滚动条 thumb 颜色 */
        border-radius: 6px; /* 设置滚动条 thumb 圆角 */
    }

    .notesContent::-webkit-scrollbar-track {
    
        border-radius: 6px; /* 设置滚动条 track 圆角 */
    }
</style>

</head>

<body>
    <div class="notesContent" id="notesContent">
    </div>
</body>
</html>

<script>
    // var mdStringtest = "# 这是一个标题\n\n这是一段普通的文本，**这里是加粗的文本**。\n\n- 这是一个无序列表\n- 这是第二个列表项\n\n[这是一个链接]\n\n- 这是一个无序列表\n\n\n- 这是一个无序列表\n\n\n- 这是一个无序列表\n\n\n- 这是一个无序列表\n\n\n- 这是一个无序列表\n\n\n- 这是一个无序列表\n\n\n- 这是一个无序列表\n\n\n- 这是一个无序列表\n\n\n- 这是一个无序列表\n\n\n- 这是一个无序列表\n\n\n- 这是一个无序列表\n";
    // 将md字符串转换为html字符串
    
    let videocontent = JSON.parse(localStorage.getItem("summary"))
    // 获取html容器
    var mdContainer = document.getElementById("notesContent");
    // 将html字符串插入到html容器中
    mdContainer.innerHTML = videocontent;

</script>
